@import "../common/vars.scss";
@import "../mixins/mixins.scss";
@include create(dropdown){
    @include m(icon){
        font-size: 12px;
        transition: transform .3s;
        @include when(show){
            transform: rotate(180deg)
        }
    }
    
    @include m(menu){
        position: absolute;
        z-index: #{$index-top + 1};
        border: $select-dropdown-border;
        border-radius: $border-radius-base;
        background-color: $select-dropdown-background;
        box-shadow: $select-dropdown-shadow;
        box-sizing: border-box;
        margin: 5px 0;
        padding: 10px 0;
        display: none;
        @include m(item){
            list-style: none;
            line-height: 36px;
            padding: 0 20px;
            margin: 0;
            font-size: 14px;
            color: #606266;
            cursor: pointer;
            outline: none;
            & a{
                color: $color-text-regular;
            }
            &:hover{
                background-color: $color-primary-light-9;
                & a{
                    color: $color-primary;
                }
            }
        }
    }
}